<style>
    .bold {
        font-weight: bold;
    }
</style>

<div class="tree-node tree-node-content no-border">
    <span class="btn-xs btn-primary glyphicon glyphicon-resize-vertical no-border" ui-tree-handle></span>

    <!--<span>-->
        <span class="btn btn-default btn-xs" ng-if="item.subTree && item.subTree.length > 0" ng-click="toggle()">
            <span class="glyphicon glyphicon-chevron-right " ng-class="{
              'glyphicon-chevron-right': collapsed,
              'glyphicon-chevron-down': !collapsed
            }">
            </span>
        </span>

        <span ng-class="{
            'menu' : item.level < 2,
            'leaf' : !item.subTree || item.subTree.length == 0,
        }">
        {{item.name}}
        , {{item.id}}, {{item.url}}, {{item.icon}}
            </span>
        <a class="pull-right btn btn-danger btn-xs func-btn" ng-click="deleteItem(this)"><span class="glyphicon glyphicon-remove"></span></a>
        <a class="pull-right btn btn-primary btn-xs func-btn" ng-click="newSubItem(item)" data-target="#nodeModal" data-toggle="modal"><span class="glyphicon glyphicon-plus"></span></a>
        <a class="pull-right btn btn-warning btn-xs func-btn" ng-click="editItem(item)" data-target="#nodeModal" data-toggle="modal"><span class="glyphicon glyphicon-pencil"></span></a>
    <!--</span>-->
</div>


<ul ui-tree-nodes="" ng-model="item.subTree" ng-class="{hidden: collapsed}" style="list-style:none">
    <li ng-repeat="item in item.subTree track by item.id" ui-tree-node ng-include="'sysManage/urlManageItem.html'"></li>
</ul>